<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="shortcut icon" href="/blog/Public/favicon.ico" type="image/x-icon" />
    <title>小木鱼博客 - 一个前端程序员的个人博客！</title>
    <meta name="keywords" content="小木鱼,小木鱼博客,birongsen,前端工程师,博客,thinkphp"/>     
    <meta name="description" content="分享前端、JavaScript、ThinkPHP和web的各个细节上的点点滴滴，愿与你共同分享，一起进步！"/>
    <include file="Public:css" />
    <include file="Public:js" />
    <link rel="stylesheet" href="__PUBLIC__/home/css/swiper.min.css">
    <script type="text/javascript" src="__PUBLIC__/home/js/swiper.min.js"></script>
</head>
<body style="padding-top:15px;">
    <include file="Public:header" />
    <div id="BRS">
        <section class="content">
            <div class="main">
                <!--滚动图-->
                <div class="swiper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="__PUBLIC__/home/images/psd20506.jpg" alt="">
                            </div>
                            <div class="swiper-slide"">
                                <img src="__PUBLIC__/home/images/5.jpg" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
                <!--滚动图-->
                <!--搜索关键字-->
                <notempty name="keywords">
                    <div class="keywords">
                        <blockquote class="layui-elem-quote">下面是根据关键字【<span>{$keywords}</span>】搜索出来的结果</blockquote>
                    </div>
                </notempty>
                <!--搜索关键字-->
                <!--文章列表-->
                <div class="article-list">
                    <empty name="list">
                        <div class="empty">暂无数据</div>
                    </empty>
                    <volist name="list" id="vo">
                        <div class="item">
                            <a href="{:U('/'.$vo['id'])}">
                                <if condition="$vo['thumb'] neq ''">
                                    <div class="img" >
                                        <div class="pic" style="background-image: url({$vo.thumb});"></div>
                                        <!-- <img src="{$vo.thumb}" alt="图片"> -->
                                    </div>
                                </if>
                                <div class="info">
                                    <div class="title layui-elip">
                                        <span>{$vo.cate_title}</span>
                                        <p class="layui-elip">{$vo.title}</p>
                                    </div>
                                    <div class="abstract">
                                        {$vo.abstract}
                                    </div>
                                    <div class="other">
                                        <span class="layui-badge-rim">发表：{$vo.str_add_time}</span>
                                        <span class="layui-badge-rim">点击：{$vo.click}</span>
                                        <span class="layui-badge-rim">评论：{$vo.comment_count}</span>
                                        <span class="layui-badge-rim">作者：{$vo.nickname}</span>
                                    </div>
                                </div>
                            </a>
                            <span class="t"></span>
                            <span class="r"></span>
                            <span class="b"></span>
                            <span class="l"></span>
                        </div>
                    </volist>
                </div>
                <div class="layui-box layui-laypage layui-laypage-molv">
                    {$page}
                    <if condition="$article_list_count neq 0 && $p neq 1">
                        <span class="layui-laypage-count" style="background:none !important;">总共{$article_list_count}条记录，当前第{$p}页</span>
                    </if>
                </div>
                <!--文章列表-->
            </div>
            <aside class="sidebar">
                <!--搜索-->
                <div class="search searchBtn">
                    <span>输入文章标题搜索</span>
                </div>
                <!--搜索-->
                <!--分类-->
                <div class="blog-module category">
                    <div class="blog-module-title"><span>分类</span></div>
                    <div class="blog-module-body">
                        <volist name="cate_list" id="vo">
                            <div class="item <if condition="$vo['id'] eq $cate_id">active</if> ">
                                <a href="{:U('/c_'.$vo['id'])}" >{$vo.title}</a>
                            </div>
                        </volist>
                    </div>
                </div>
                <!--分类-->
                <!--微博-->
                <div class="blog-sina">
                    <div class="sina-pic">
                        <img src="https://tva3.sinaimg.cn/crop.0.0.1039.1039.180/9d56af9ajw8f0edztdx51j20xc0wrjxb.jpg" alt="">
                    </div>
                    <div class="sina-name">昵称就是多余的文字</div>
                    <div class="sina-btn">
                        <a href="http://weibo.com/birongsen" target="_blank"><i class="iconfont icon-xinlangweibo" style="margin-right:5px;"></i>立即关注</a>
                    </div>
                    <ul class="sina-ul">
                        <li>
                            <span>{$article_count}</span><span>文章</span>
                        </li>
                        <li>
                            <span>{$user_count}</span><span>用户</span>
                        </li>
                        <li>
                            <span>{$comment_count}</span><span>留言</span>
                        </li>
                    </ul>
                </div>
                <!--微博-->
                <!--列表-->
                <div class="blog-module">
                    <div class="blog-module-title"><span>热门文章</span></div>
                    <div class="blog-module-body">
                        <ul class="list">
                            <volist name="hot_article_list" id="vo">
                                <li class="layui-elip">
                                    <a href="{:U('/'.$vo['id'])}">{$vo.title}</a>
                                </li>
                            </volist>
                        </ul>
                    </div>
                </div>
                <!--列表-->
            </aside>
        </section>
    </div>
    <include file="Public:footer" />
    <include file="Public:cate" />
    <!--小屏幕底部-->
    <div class="sm_footer">
        <nav>
            <li>
                <a href="http://www.birongsen.com"><span><i class="iconfont icon-shouye"></i></span>首页</a>
            </li>
            <li>
                <a href="javascript:;" class="searchBtn"><span><i class="layui-icon">&#xe615;</i></span>搜索</a>
            </li>
            <empty name="user">
                <li>
                    <a href="javascript:;" class="userLoginBtn"><span><i class="iconfont icon-dengluyemianyonghuming"></i></span>我的</a>
                </li>
            <else />
                <li>
                    <a href="javascript:;" class="myInfo"><span><i class="iconfont icon-dengluyemianyonghuming"></i></span>我的</a>
                </li>
            </empty>
        </nav>
    </div>
    <!--小屏幕底部-->
</body>
<script type="text/javascript">
    var swiper = new Swiper('.swiper-container',{
        followFinger : true,
        mousewheel: true,
        loop : true,
        autoplay:true,
        pagination: {
            el: '.swiper-pagination',
            clickable :true,
        },
    });
</script>
</html>